<template>
  <div class="bar">
    <div>xixi</div>
    <div class="right">
        <Select :key='0' :list='list'></Select>
        <Select :key='1' :list='typeList'></Select>
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import Select from "@/components/comps/select.vue";

@Component({
  components: {
      Select
  },
})
export default class Home extends Vue {
    private list:Array<number> = [11,22,33];
    private typeList:Array<string> = ['全部','xx','ss','cc'];
}
</script>

<style lang="scss">
.bar {
    height: 50px;
    line-height: 50px;
    background-color: #ccc;
    padding: 0 50px;
    display: flex;
    justify-content: space-between;
    .right {
        width: 200px;
        display: flex;
        justify-content: space-between;
    }
}
</style>